/*******************************
***************** CABEÇALHO */



body {
    margin: 0;
    font-family: 'Times New Roman', Times, serif;
}

.container-conteudo {
    width: 1488px;
    margin: 0 auto;
    padding-top: 2.5rem;
}

.container-conteudo2 {

    width: 1488px;
    margin: 0 auto;
    padding-top: 2.5rem;
}

.container-conteudo2 {
    content: " ";
    display: table;
    clear: both;
}

.container {
    width: 1488px;
    margin: 0 auto;
    
}

.container-footer {

    width: 1488px;
    margin: 0 auto;
    padding-top: 0.8em;


}


.containerdestaque {
    max-width: 1488px;
    margin: 0 auto;
}

.cabecalho {
    margin: 0 auto;
    position: fixed;
    padding: 1.5rem;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: solid 1px black;
    background-color: rgb(186,223,254);

}


ul#menu {
    list-style-type: none;
    display: flex;
    float: right;
    gap: 20px;
    margin-right: 2rem;
}

#menu a {
    text-decoration: none;
    color: black;
    font-size: 1.1em;
    padding: 5px;
}

#menu a:hover {
    color: rgb(149, 180, 206);
}

#menu a:active {
    color: bisque;
}

#img1 {
    float: left;
    margin-left: 3rem;
}

#começar a{
    background-color: black;
    color: white;
    padding: 5px 20px 5px 20px;
    border-radius: 20px;
}


/*******************************
*********************CONTEUDO TOPO */

#destaque {
    background-color: rgb(186,223,254);
    margin-top: 6.3rem;
    border-bottom: solid 1px black;
}


#area-destaque {
    width: 55%;
    padding: 3rem;
    
}

#area-destaque button {
    display: block;
    margin-top: 2.5rem;
    border-radius: 1.5rem;
    border: 1px solid black;
    padding: 0.8rem 1.5rem;
    font-size: 1rem;
    background-color: white;
}


.fundo-destaque {
    background-image: url(img/fundo-topo.png);
    background-repeat: no-repeat;
    background-size: 24rem;
    background-position: bottom;
    background-position-x: right 5rem;
}

.fundo-tendencias {
    background-image: url(img/icone-tendencia.png);
    background-repeat: no-repeat;
    padding: 0.2rem 0 0.2rem 2rem;
    margin: 2.2rem 0 0 2.5rem;
    
}


.item-tendencias {
    width: 26%;
    padding-left: 7%;
    margin-bottom: 2rem;
    position: relative;
    float: left;
    
}


.icone {
    background-image: url(img/icone1.png);
    background-repeat: no-repeat ;
    background-position: left;
    background-size: 15px;
    padding-left: 1.5rem;
    
}

.icone2 {
    background-image: url(img/icone2.png);
    background-repeat: no-repeat ;
    background-position: left;
    background-size: 15px;
    padding-left: 1.5rem;
    
}

.icone3 {
    background-image: url(img/icone3.png);
    background-repeat: no-repeat ;
    background-position: left;
    background-size: 15px;
    padding-left: 1.5rem;
    
}

.icone4 {
    background-image: url(img/icone4.png);
    background-repeat: no-repeat ;
    background-position: left;
    background-size: 15px;
    padding-left: 1.5rem;
    
}

.icone5 {
    background-image: url(img/icone5.png);
    background-repeat: no-repeat ;
    background-position: left;
    background-size: 15px;
    padding-left: 1.5rem;
    
}

.icone6 {
    background-image: url(img/icone6.png);
    background-repeat: no-repeat ;
    background-position: left;
    background-size: 15px;
    padding-left: 1.5rem;
    
}


.item-tendencias2 {
    
    width: 26%;
    padding-left: 7%;
    margin-bottom: 2rem;
    position: relative;
    float: left;

}

#rodape {
    background-color: rgb(186,223,254);
    height: 150px;
    border-top: 1px solid black;
}


    








/*******************************
*********************TIPOGRAFIA */
.numero {
    font-size: 3rem;
    font-weight: bold;
    color: lightgray;
    position: absolute;
    top: 0;
    left: 1em;
}



h1 {
    font-size: 4rem;
    font-weight: 100;
    margin: 0;
    letter-spacing: -0.1rem;
    text-align: left;
}

h2 {
    text-transform: uppercase;
    font-size: 1.2rem
}

h3, h4 {
    margin: 0.2rem;
}

h4{
    font-weight: 100;
}

h5 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem;
}